import VueRouter from 'vue-router'
// 注册
import Vue from 'vue'
// 导入组件
// 完整路径 @/views/login/index.vue  index.vue是索引文件
// 疑问：index.js index.vue index.json  优先级和我书写的顺序一致
import Login from '@/views/login'
import Home from '@/views/home'
import Welcome from '@/views/welcome'
import NotFound from '@/views/404'
import auth from '@/utils/auth'

Vue.use(VueRouter)
// 初始化
const router = new VueRouter({
    routes: [
        { path: '/login', component: Login },
        { path: '/', 
        component: Home,
        children: [
          { path: '/', component:Welcome }
        ]     
      },
      // 通配规则（以上所有的规则不符合的时候，走这个规则）
     { path: '*', component: NotFound }
    ] // 路由规则
  })

 // 前置导航守卫
 router.beforeEach((to, from, next) => {
 // 如果你不是登录页面，而且你没有token，拦截到登录页面
   if (to.path !== '/login' && !auth.getUser().token) return next('/login')
   //其他情况放行
   next()
 })


  // 导出
export default router